<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表页</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <style>
        /*.page{*/
        /*    margin-left: 40%;*/
        /*}*/

        #home a h5:hover{
            color: red;
        }
        #menu1 a h5:hover{
            color: red;
        }
        #menu2 a h5:hover{
            color: red;
        }
        #menu3 a h5:hover{
            color: red;
        }
        #menu4 a h5:hover{
            color: red;
        }

        /*左侧区域*/
        .left-side{
            margin-left: 2%;
            width: 30%
        }

        /*右侧区域*/
        .right-side{
            /*定义边框*/
            /*border: 1px solid #000;*/
            width: 40%;
            height: 550px;
            display: inline-block;
            margin-left: 10px;
        }


    </style>

</head>
<body style="background-color: white">


    <!--    遮罩-->
    <div class="jumbotron">
        <a href="./index.html" style="color: black;text-decoration-line: none"><h2>今日头条</h2></a>
        <div class="form-inline">
            <input type="text"  style="width: 40%" class="form-control" >&nbsp;
            <div class="input-group-append">
                <button type="button" style="width: 100px" class="btn btn-primary">搜索</button>
            </div>
        </div>

            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
                    <a style="color: #0b2e13" class="nav-link active" data-toggle="tab" href="#home">综合</a>
                </li>
                <li class="nav-item">
                    <a style="color: #0b2e13" class="nav-link" data-toggle="tab" href="#menu1">资讯</a>
                </li>
                <li class="nav-item">
                    <a style="color: #0b2e13" class="nav-link" data-toggle="tab" href="#menu2">视频</a>
                </li>
                <li class="nav-item">
                    <a style="color: #0b2e13" class="nav-link" data-toggle="tab" href="#menu3">图片</a>
                </li>
                <li class="nav-item">
                    <a style="color: #0b2e13" class="nav-link" data-toggle="tab" href="#menu4">用户</a>
                </li>
                <li class="nav-item">
                    <a style="color: #0b2e13" class="nav-link" data-toggle="tab" href="#menu4">回答</a>
                </li>
                <li class="nav-item">
                    <a style="color: #0b2e13" class="nav-link" data-toggle="tab" href="#menu4">微头条</a>
                </li>
                <li class="nav-item">
                    <a style="color: #0b2e13" class="nav-link" data-toggle="tab" href="#menu4">百科</a>
                </li>
            </ul>

    </div>

    <!--主体-->
    <div style="display: flex">
        <!-- 左边栏 -->
        <div class="tab-content left-side">
            <div id="home" class=" tab-pane active"><br>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">皇马凭什么赢下塞尔塔？本泽马点球三射两中，这就是冠军之师</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <span class="card-link" style="color: #8c939d">直播吧</span>
                        <span  class="card-link" style="color: #8c939d">3815评论</span>
                        <span class="card-link" style="color: #8c939d">1小时前</span>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">争议2-1！皇马单场3造点+4次获利，对手调侃：裁判想让本泽马戴帽</h5></a>
                        <!--<p class="card-text">北京时间4月3日00:30，西甲联赛第30轮，本泽马点球3罚2中，诺利托破门难救主，最终皇马客场2-1战胜塞尔塔。在多赛1场的情况下，皇马跟西甲第2的塞维利亚拉开12分的差距。</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">搜达足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">1185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">守全靠库尔图瓦，攻全靠点球续命！皇马2-1止颓势，准备迎战蓝军</h5></a>
                        <!--<p class="card-text">在国际比赛日结束之后，西甲联赛的大幕再次拉开，仍然高居积分榜第一位的银河战舰皇家马德里，在上一轮的联赛当中，遭遇到了国家德比历史当中的又一次惨败，坐镇主场被巴塞罗那4球血洗</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">天下足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">2185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">各项数据均落下风还能赢下比赛，皇马这又是踢的什么战术？</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">弄月公子</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：拿着高薪却140天未身披皇马战袍</h5></a>
                        <!--<p class="card-text">距离上次贝尔身披皇马战袍对阵皇家贝蒂斯的比赛，已经过去了140天。他在返回威尔士又一次受伤，如今又一次带着伤病回到了马德里。事实上在这个赛季，贝尔代表威尔士的出场时间要比在皇马的出场时间更多</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">原谅体育</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-05 13:01</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">希曼：贝尔能力很强，枪手可以在夏窗签下他</h5></a>
                        <!--<p class="card-text">直播吧4月2日讯 贝尔与皇马的合同将在本赛季结束后到期，他本人也无意续约。对此，阿森纳名宿希曼表示，如果贝尔离开伯纳乌，阿森纳应该考虑签下他</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-02 15:00</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：渴望获得世界杯的参赛资格 我不需要澄清任何事</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">112评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-03-24 18:40</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">德转：米兰对贝尔产生了兴趣 大圣的身价仅剩300万欧</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 07:49</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">安帅确认贝尔今夏离队：他想用配得上他的方式离开</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-02-15 22:50</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">BBC：贝尔欲开设高尔夫主题酒吧，但遭到附近居民强烈反对</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 15:56</a>
                    </div>
                </div>
                <br/>
                <!--        分页-->
                <div class="page">
                    <ul class="pagination">
                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
                    </ul>
                </div>
            </div>
            <div id="menu1" class="container tab-pane fade"><br>

                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">皇马凭什么赢下塞尔塔？本泽马点球三射两中，这就是冠军之师</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <span class="card-link" style="color: #8c939d">直播吧</span>
                        <span  class="card-link" style="color: #8c939d">3815评论</span>
                        <span class="card-link" style="color: #8c939d">1小时前</span>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">争议2-1！皇马单场3造点+4次获利，对手调侃：裁判想让本泽马戴帽</h5></a>
                        <!--<p class="card-text">北京时间4月3日00:30，西甲联赛第30轮，本泽马点球3罚2中，诺利托破门难救主，最终皇马客场2-1战胜塞尔塔。在多赛1场的情况下，皇马跟西甲第2的塞维利亚拉开12分的差距。</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">搜达足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">1185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">守全靠库尔图瓦，攻全靠点球续命！皇马2-1止颓势，准备迎战蓝军</h5></a>
                        <!--<p class="card-text">在国际比赛日结束之后，西甲联赛的大幕再次拉开，仍然高居积分榜第一位的银河战舰皇家马德里，在上一轮的联赛当中，遭遇到了国家德比历史当中的又一次惨败，坐镇主场被巴塞罗那4球血洗</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">天下足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">2185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">各项数据均落下风还能赢下比赛，皇马这又是踢的什么战术？</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">弄月公子</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：拿着高薪却140天未身披皇马战袍</h5></a>
                        <!--<p class="card-text">距离上次贝尔身披皇马战袍对阵皇家贝蒂斯的比赛，已经过去了140天。他在返回威尔士又一次受伤，如今又一次带着伤病回到了马德里。事实上在这个赛季，贝尔代表威尔士的出场时间要比在皇马的出场时间更多</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">原谅体育</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-05 13:01</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">希曼：贝尔能力很强，枪手可以在夏窗签下他</h5></a>
                        <!--<p class="card-text">直播吧4月2日讯 贝尔与皇马的合同将在本赛季结束后到期，他本人也无意续约。对此，阿森纳名宿希曼表示，如果贝尔离开伯纳乌，阿森纳应该考虑签下他</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-02 15:00</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：渴望获得世界杯的参赛资格 我不需要澄清任何事</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">112评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-03-24 18:40</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">德转：米兰对贝尔产生了兴趣 大圣的身价仅剩300万欧</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 07:49</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">安帅确认贝尔今夏离队：他想用配得上他的方式离开</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-02-15 22:50</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">BBC：贝尔欲开设高尔夫主题酒吧，但遭到附近居民强烈反对</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 15:56</a>
                    </div>
                </div>
                <br/>
                <!--        分页-->
                <div class="page">
                    <ul class="pagination">
                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
                    </ul>
                </div>
            </div>
            <div id="menu2" class="container tab-pane fade"><br>

                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">皇马凭什么赢下塞尔塔？本泽马点球三射两中，这就是冠军之师</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <span class="card-link" style="color: #8c939d">直播吧</span>
                        <span  class="card-link" style="color: #8c939d">3815评论</span>
                        <span class="card-link" style="color: #8c939d">1小时前</span>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">争议2-1！皇马单场3造点+4次获利，对手调侃：裁判想让本泽马戴帽</h5></a>
                        <!--<p class="card-text">北京时间4月3日00:30，西甲联赛第30轮，本泽马点球3罚2中，诺利托破门难救主，最终皇马客场2-1战胜塞尔塔。在多赛1场的情况下，皇马跟西甲第2的塞维利亚拉开12分的差距。</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">搜达足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">1185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">守全靠库尔图瓦，攻全靠点球续命！皇马2-1止颓势，准备迎战蓝军</h5></a>
                        <!--<p class="card-text">在国际比赛日结束之后，西甲联赛的大幕再次拉开，仍然高居积分榜第一位的银河战舰皇家马德里，在上一轮的联赛当中，遭遇到了国家德比历史当中的又一次惨败，坐镇主场被巴塞罗那4球血洗</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">天下足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">2185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">各项数据均落下风还能赢下比赛，皇马这又是踢的什么战术？</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">弄月公子</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：拿着高薪却140天未身披皇马战袍</h5></a>
                        <!--<p class="card-text">距离上次贝尔身披皇马战袍对阵皇家贝蒂斯的比赛，已经过去了140天。他在返回威尔士又一次受伤，如今又一次带着伤病回到了马德里。事实上在这个赛季，贝尔代表威尔士的出场时间要比在皇马的出场时间更多</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">原谅体育</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-05 13:01</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">希曼：贝尔能力很强，枪手可以在夏窗签下他</h5></a>
                        <!--<p class="card-text">直播吧4月2日讯 贝尔与皇马的合同将在本赛季结束后到期，他本人也无意续约。对此，阿森纳名宿希曼表示，如果贝尔离开伯纳乌，阿森纳应该考虑签下他</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-02 15:00</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：渴望获得世界杯的参赛资格 我不需要澄清任何事</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">112评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-03-24 18:40</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">德转：米兰对贝尔产生了兴趣 大圣的身价仅剩300万欧</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 07:49</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">安帅确认贝尔今夏离队：他想用配得上他的方式离开</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-02-15 22:50</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">BBC：贝尔欲开设高尔夫主题酒吧，但遭到附近居民强烈反对</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 15:56</a>
                    </div>
                </div>
                <br/>
                <!--        分页-->
                <div class="page">
                    <ul class="pagination">
                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
                    </ul>
                </div>
            </div>
            <div id="menu3" class="container tab-pane fade"><br>

                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">皇马凭什么赢下塞尔塔？本泽马点球三射两中，这就是冠军之师</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <span class="card-link" style="color: #8c939d">直播吧</span>
                        <span  class="card-link" style="color: #8c939d">3815评论</span>
                        <span class="card-link" style="color: #8c939d">1小时前</span>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">争议2-1！皇马单场3造点+4次获利，对手调侃：裁判想让本泽马戴帽</h5></a>
                        <!--<p class="card-text">北京时间4月3日00:30，西甲联赛第30轮，本泽马点球3罚2中，诺利托破门难救主，最终皇马客场2-1战胜塞尔塔。在多赛1场的情况下，皇马跟西甲第2的塞维利亚拉开12分的差距。</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">搜达足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">1185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">守全靠库尔图瓦，攻全靠点球续命！皇马2-1止颓势，准备迎战蓝军</h5></a>
                        <!--<p class="card-text">在国际比赛日结束之后，西甲联赛的大幕再次拉开，仍然高居积分榜第一位的银河战舰皇家马德里，在上一轮的联赛当中，遭遇到了国家德比历史当中的又一次惨败，坐镇主场被巴塞罗那4球血洗</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">天下足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">2185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">各项数据均落下风还能赢下比赛，皇马这又是踢的什么战术？</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">弄月公子</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：拿着高薪却140天未身披皇马战袍</h5></a>
                        <!--<p class="card-text">距离上次贝尔身披皇马战袍对阵皇家贝蒂斯的比赛，已经过去了140天。他在返回威尔士又一次受伤，如今又一次带着伤病回到了马德里。事实上在这个赛季，贝尔代表威尔士的出场时间要比在皇马的出场时间更多</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">原谅体育</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-05 13:01</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">希曼：贝尔能力很强，枪手可以在夏窗签下他</h5></a>
                        <!--<p class="card-text">直播吧4月2日讯 贝尔与皇马的合同将在本赛季结束后到期，他本人也无意续约。对此，阿森纳名宿希曼表示，如果贝尔离开伯纳乌，阿森纳应该考虑签下他</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-02 15:00</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：渴望获得世界杯的参赛资格 我不需要澄清任何事</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">112评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-03-24 18:40</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">德转：米兰对贝尔产生了兴趣 大圣的身价仅剩300万欧</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 07:49</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">安帅确认贝尔今夏离队：他想用配得上他的方式离开</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-02-15 22:50</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">BBC：贝尔欲开设高尔夫主题酒吧，但遭到附近居民强烈反对</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 15:56</a>
                    </div>
                </div>
                <br/>
                <!--        分页-->
                <div class="page">
                    <ul class="pagination">
                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
                    </ul>
                </div>
            </div>
            <div id="menu4" class="container tab-pane fade"><br>

                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">皇马凭什么赢下塞尔塔？本泽马点球三射两中，这就是冠军之师</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <span class="card-link" style="color: #8c939d">直播吧</span>
                        <span  class="card-link" style="color: #8c939d">3815评论</span>
                        <span class="card-link" style="color: #8c939d">1小时前</span>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">争议2-1！皇马单场3造点+4次获利，对手调侃：裁判想让本泽马戴帽</h5></a>
                        <!--<p class="card-text">北京时间4月3日00:30，西甲联赛第30轮，本泽马点球3罚2中，诺利托破门难救主，最终皇马客场2-1战胜塞尔塔。在多赛1场的情况下，皇马跟西甲第2的塞维利亚拉开12分的差距。</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">搜达足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">1185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">守全靠库尔图瓦，攻全靠点球续命！皇马2-1止颓势，准备迎战蓝军</h5></a>
                        <!--<p class="card-text">在国际比赛日结束之后，西甲联赛的大幕再次拉开，仍然高居积分榜第一位的银河战舰皇家马德里，在上一轮的联赛当中，遭遇到了国家德比历史当中的又一次惨败，坐镇主场被巴塞罗那4球血洗</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">天下足球</a>
                        <a href="#" class="card-link" style="color: #8c939d">2185评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">各项数据均落下风还能赢下比赛，皇马这又是踢的什么战术？</h5></a>
                        <!--<p class="card-text">西甲第30轮比赛，塞尔塔主场迎接皇家马德里的挑战，最终以1-2的比分不敌皇马。然而在赛后数据统计里，无论是控球率、进攻次数、还是角球，塞尔塔都要优于皇马，那么皇马又是凭借什么战术赢下这场比赛的呢？</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">弄月公子</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2小时前</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：拿着高薪却140天未身披皇马战袍</h5></a>
                        <!--<p class="card-text">距离上次贝尔身披皇马战袍对阵皇家贝蒂斯的比赛，已经过去了140天。他在返回威尔士又一次受伤，如今又一次带着伤病回到了马德里。事实上在这个赛季，贝尔代表威尔士的出场时间要比在皇马的出场时间更多</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">原谅体育</a>
                        <a href="#" class="card-link" style="color: #8c939d">192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-05 13:01</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">希曼：贝尔能力很强，枪手可以在夏窗签下他</h5></a>
                        <!--<p class="card-text">直播吧4月2日讯 贝尔与皇马的合同将在本赛季结束后到期，他本人也无意续约。对此，阿森纳名宿希曼表示，如果贝尔离开伯纳乌，阿森纳应该考虑签下他</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1192评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-01-02 15:00</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">贝尔：渴望获得世界杯的参赛资格 我不需要澄清任何事</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">112评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-03-24 18:40</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">德转：米兰对贝尔产生了兴趣 大圣的身价仅剩300万欧</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 07:49</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">安帅确认贝尔今夏离队：他想用配得上他的方式离开</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-02-15 22:50</a>
                    </div>
                </div>
                <div class="card" style="border:none">
                    <div class="card-body">
                        <a href="#" style="text-decoration-line: none;color: black"><h5 class="card-title">BBC：贝尔欲开设高尔夫主题酒吧，但遭到附近居民强烈反对</h5></a>
                        <!--<p class="card-text">Some example text. Some example text.</p>-->
                        <a href="#" class="card-link" style="color: #8c939d">直播吧</a>
                        <a href="#" class="card-link" style="color: #8c939d">1123评论</a>
                        <a href="#" class="card-link" style="color: #8c939d">2022-04-01 15:56</a>
                    </div>
                </div>
                <br/>
                <!--        分页-->
                <div class="page">
                    <ul class="pagination">
                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <!--右边栏-->
        <div class="right-side">
            <!--头条热榜-->
            <div class="card hot_list" style="border:none">
                <div class="card-body">
                    <h4>头条热榜</h4>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: #b21f2d;display: inline-block">1</h4>&nbsp;&nbsp;<span class="card-title">巴基斯坦议会否决对总理不信任投票</span></a>
                    <br>
                    <br>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: red;display: inline-block">2</h4>&nbsp;&nbsp;<span class="card-title">8省市已用上辉瑞新冠口服药</span></a>
                    <br>
                    <br>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: #ffc107;display: inline-block">3</h4>&nbsp;&nbsp;<span class="card-title">多个省市医疗队已抵沪</span></a>
                    <br>
                    <br>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: #95999c;display: inline-block">4</h4>&nbsp;&nbsp;<span class="card-title">上海11天无症状者超4万怎么收治</span></a>
                    <br>
                    <br>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: #95999c;display: inline-block">5</h4>&nbsp;&nbsp;<span class="card-title">上海一儿童在隔离时死亡？官方回应</span></a>
                    <br>
                    <br>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: #95999c;display: inline-block">6</h4>&nbsp;&nbsp;<span class="card-title">露天烧纸是民俗还是陋习</span></a>
                    <br>
                    <br>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: #95999c;display: inline-block">7</h4>&nbsp;&nbsp;<span class="card-title">特朗普：威胁美国的不是中俄</span></a>
                    <br>
                    <br>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: #95999c;display: inline-block">8</h4>&nbsp;&nbsp;<span class="card-title">深圳调规释放什么信号</span></a>
                    <br>
                    <br>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: #95999c;display: inline-block">9</h4>&nbsp;&nbsp;<span class="card-title">清明3天假因疫取消小学生哭成一片</span></a> <br>
                    <br>
                    <a href="#" style="text-decoration-line: none;color: black"><h4 style="color: #95999c;display: inline-block">10</h4>&nbsp;&nbsp;<span class="card-title">抗疫进行时 点击求助</span></a>

                </div>
            </div>
        </div>






    </div>



</body>
</html>